Interaction Models: Definition, Guide and “Optimum Flow”| Built In

2022-09-02 22:02:00 By : Ms. Beryl Huang

Have you ever struggled with an updated app? Or referred to the documentation for a new operating system?

You just don’t care, right? You want to dive into the app straight away. That’s why good design is always invisible, allowing you to dive into the app without having to read through pages of documentation. It banks on your past experiences and expectations by modeling everything for your fulfillment. In the best platforms, those interactions are in perfect sync with your thought process and work in tandem with the system. You, as a user, are in a flow  state and not all concerned about how the system works.

That invisibility is the hallmark of a good interaction model.

In general, interaction models have a wide variety of use-cases across disciplines, each with its own set of beliefs. In the context of interaction design , we can frame it as the underlying structure or framework that governs the behavior of a product or system in concert with the user’s behavior. It provides structure, consistency, direction and feedback with the system. To summarize, it’s the blueprint of actions between users and the system.

Today’s customers are exposed to more and more digital interactions in their day-to-day life. This has brought the tolerance level for poorly designed products to almost zero. To survive in this experience economy , products have to be on par with the experiences and expectations of the users. With user-centered design , businesses can now focus on users, their context, channels and landscapes to deliver the best possible experience. An interaction model is the starting point for laying the foundation for a great user experience.

Interaction models try to inform the way the product behaves with users. It’s a conceptual model that visualizes the interactions based on the mental model of the users. Governed by the principles of interaction design, a good model must display the following traits;

More on UX Engage Your Users on a New Level With These 3 Emotional UX Techniques

Building interaction models require comprehensive insights into users and their contexts, channels and landscapes. These will serve as the guiding stars to help you define an interaction model. It is a collaborative process that starts with whiteboard sessions and workshops before progressing toward more concrete models.

By bringing stakeholders, small and mid-size enterprises and users into the process, we can ensure diversity on all viewpoints and quicker ideations. The interaction model can draw insights upon the initial research activities designers conduct.

Let’s take a closer look.

From personas, key scenarios  and context can be captured and prioritized from personas. They can be based on usage ratio, significance or user context. These scenarios can be further visualized through rough sketches with users in their context.

From scenarios, you can easily figure out the connections, hierarchies and interactions to visualize a low fidelity model . They are abstract, diagrammatic representations of entities, structures and relationships enabling us to digest the big picture.

By giving structure to the elements in conceptual models, information architecture organizes, labels and gives hierarchy to the data. The information is a bit more concrete and provides more details like site maps, hierarchies, categorizations, navigation and metadata.

More on UX The Job of a UX Designer Is About to Undergo Radical Change

From the information architecture, you get to know the key primary functions, verbs and nouns of your product. Based on this, the foundational structure can be visualized as a starting point. Form factors like mobile, tablet and desktop must also be considered at this stage.

This provides hierarchy and structure to the layouts by organizing contents into meaningful blocks. Components are based on functionality and can have multiple patterns to represent them. For example, headers, footers, headings, content modules, data tables and more.

These are the building blocks of the interface. They bring harmony and consistency to the user interface (UI). A typical pattern will have multiple elements that display how data or information is organized. They can be reused across different components to achieve a function.

The most exciting part of any design is the implementation phase. For a practitioner, the joy of seeing the insights transition into concepts is satisfying. It’s nice to see your hard work finally pay off with the evolution of these frameworks. Interaction models serve as a foray into this process, giving us the foundational structure from which we can start building. Being invisible doesn’t make them inferior, and their immortality is evident across design systems, style guides and interaction libraries.

And for a user, it’s better that they remain unnoticed. As they say, “The most beautiful things are always hidden.”

Built In’s expert contributor network publishes thoughtful, solutions-oriented stories written by innovative tech professionals. It is the tech industry’s definitive destination for sharing compelling, first-person accounts of problem-solving on the road to innovation.